<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>猪猪庙</title>
    <link rel="stylesheet" href="./css/flexible.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/my.css">
    <link rel="stylesheet" href="./css/alert.css">
    <link rel="stylesheet" href="../node_modules/spin.js/spin.css">
    <script src="./js/flexible.js"></script>
</head>

<body>
    <div id="domloading" class="domloading">
        <img src="http://cdn.fedau.com/project/weida/page_loading.gif">
    </div>
    <div id="root">
        <div class="container">
            <div class="swiper-container myswiper" id="myswiper">
                <div class="swiper-wrapper" id="swiperSlider"></div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <div class="tipword">集齐五福即可兑换电影票</div>
        <div class="swiper-container swiperBtns" id="swiperBtns">
            <div class="swiper-wrapper" id="btnSlider"></div>
        </div>
        <div class="btns" id="btnWarper"></div>
    </div>

    <!-- 弹窗容器 -->
    <div class="alertWraper alertclose" id="alertWraper">
        <div class="close alertclose"><img class="alertclose" src="http://cdn.fedau.com/project/weida/tk_icon_close.png" alt=""></div>
        <div class="content" id="alertContent"></div>
    </div>

    <div id="loadingSpin" class="loadingSpin"></div>
    <audio autoplay="autoplay" loop="loop" id="myaudio">
        <source src="http://cdn.fedau.com/project/weida/weida_bg_music.mp3" type="audio/mpeg">
    </audio>

</body>

</html>

<!-- swiper -->
<script id="swiperTempl" type="text/html">
    {{each my_pigticket item i }}
        <div class="swiper-slide" data-type="{{item.type}}">
            {{if item.num > 0}} 
                <div class="flip-container" id="flip_{{item.type}}">
                    <div class="flipper">
                        <div class="front">
                            <!-- 正面内容 -->
                            <div class="giveBtn" onclick="myview.giveFriend({{item.type}})">赠送朋友</div>
                            <img src="http://cdn.fedau.com/project/weida/fu_pic{{item.type}}.png">
                        </div>
                        <div class="back">
                            <!-- 反面内容 -->
                            <img src="http://cdn.fedau.com/project/weida/yh_bg.png">
                            <div class="getYhBtn" onclick="myview.getYh({{item.type}})" data-clipboard-text='【维达大牌活动】https://m.tb.cn/h.3qfNcZ1点击链接，再选择浏览器咑閞；或復·制这段描述￥7IiRbL62Ivm￥后咑閞淘♂寳♀'>领取优惠券</div>
                        </div>
                    </div>
                </div>
                <img class="pulldown" id="pulldown_{{item.type}}" onclick="myview.flip({{item.type}})" src="http://cdn.fedau.com/project/weida/user_pic_pull_1.png" alt="">
            {{else if item.num==0}}
                <img src="http://cdn.fedau.com/project/weida/user_pic_none{{item.type}}.png">
            {{/if}}
        </div>
    {{/each}}
</script>

<!-- swiper 下方缩略图 -->
<script id="pagination" type="text/html">
    {{each my_pigticket item i }}
        <div class="swiper-slide" data-type="{{item.type}}">
            {{if item.num > 0}} 
                <img src="http://cdn.fedau.com/project/weida/user_xsfu_{{item.type}}_sel.png">
                <span class="badge">{{item.num}}</span>
            {{else if item.num==0}}
                <img src="http://cdn.fedau.com/project/weida/user_xsfu_{{item.type}}_nor.png">
            {{/if}}
        </div>
    {{/each}}
</script>

<!-- 兑换电影票弹窗内容 -->
<!-- <script id="tiketTmpl" type="text/html">
    <div class="movie_ticket" >
        <div class="tip">维达请你看电影，听说边看边吃才是新年观影的正确打开方式，作为一个优雅的吃货，记得要用维达纸巾擦干净哦~</div>
        <div class="number">
            <span>电影兑换券</span>
            <p>{{code}}</p>
        </div>
    </div>
</script> -->

<!-- alert弹窗模板 -->
<!-- {{@}} 可以渲染节点 -->
<script id="welcomeAlertTmpl" type="text/html">
    <div class="alertGame {{className}}" >
        <img class="alertBanner {{type}}" src="{{imgsrc}}" alt="">
        <div class="alertWord">{{@alertWord}}</div>
        {{if btnword != ""}}
            <div class="alertBtn" onclick="myview.handleAlertClick('{{type}}')">{{btnword}}</div>
        {{/if}}
    </div>
</script>

<!-- 我的电影票弹窗内容 -->
<script id="mytiketTmpl" type="text/html">
    <div class="my_ticket" >
        <div class="number">
            <span>电影兑换券</span>
            <p>{{code}}</p>
        </div>
        <h3 class="bordertitle">使用方式</h3>
        <p class="border"></p>
        <div class="tip">登陆淘票票app，进入“我的” →  点击“优惠券” → “添加优惠券”  → 输入兑换码  → 点击“确定”即兑换成功，兑换成功后在“我的”→  “优惠券”中“选座”兑换。</div>
        <div class="tel">
            <p>详情请致电淘票票客服热线</p>
            <a href="tel:0571-88157838">0571-88157838</a>
        </div>
    </div>
</script>

<!-- 再玩一次弹窗内容 -->
<script id="playagainTmpl" type="text/html">
    <div class="alertGame alertGameMini playAgain" >
        <h3 class="bordertitle">提&nbsp;&nbsp;&nbsp;&nbsp;示</h3>
        <p class="border"></p>
        <div class="tip">{{word}}</div>
        {{if isshare}}
            <img class="shareguid" src="http://cdn.fedau.com/project/weida/tk_share.png">
        {{/if}}
    </div>
</script>

<!-- 赠送朋友弹窗 -->
<script id="giveFriendTmpl" type="text/html">
    <div class="giveImg" >
        <img class="shareguid" src="{{src}}">
    </div>
</script>


<!-- 按钮 -->
<script id="btnTmpl" type="text/html">
    {{if btn_type == 1}} 
        <div class="btn disabled">兑换电影票</div>
    {{else if btn_type==2}}
        <div class="btn btnnor" onclick="myview.exchangeTicket(this)">兑换电影票</div>
    {{else if btn_type == 3}}
        <div class="btn btnnor" onclick="myview.showMyTicket(this)">我的电影票</div>
    {{/if}}
    <div class="btn" onclick="myview.playAgain(this)"><img class="again" src="http://cdn.fedau.com/project/weida/user_icon_again.png" alt=""> 再玩一次</div>
</script>


<script src="./js/redirect.js"></script>
<script src="./lib/es5-sham.min.js"></script>
<script src="./lib/es5-shim.min.js"></script>
<script src="./lib/json3.min.js"></script>
<script src="./js/my.js"></script>
<script src="./js/domLoad.js"></script>